.home {
	.home-head {
		padding: 1vw 1.5vw;
		box-sizing: border-box;

		.home-head-fieldset {
			margin-bottom: 10px;
			padding: 10px;
			border: 1px solid #e6e6e6;

			legend {
				margin-left: 20px;
				padding: 0 5px;
				font-size: 16px;
				font-weight: 300;
			}

			.el-row {
				margin-bottom: 10px;
				margin-left: -5px !important;
				margin-right: -5px !important;

				&:last-child {
					margin-bottom: 0;
				}

				.el-col {
					border-radius: 4px;
					padding-left: 5px !important;
					padding-right: 5px !important;

					.grid-content {
						border-radius: 4px;
						min-height: 36px;
						// background: #d3dce6;
						border: 1px solid #e8e8e8;
						padding: 20px 24px 8px;

						.chart-header {
							.metawrap {
								.meta {
									color: rgba(0, 0, 0, 0.45);
									font-size: 14px;
									line-height: 22px;
									height: 22px;
								}

								.total {
									overflow: hidden;
									text-overflow: ellipsis;
									word-break: break-all;
									white-space: nowrap;
									color: rgba(0, 0, 0, 0.85);
									margin-top: 4px;
									margin-bottom: 0;
									font-size: 30px;
									line-height: 38px;
									height: 38px;
								}
							}
						}
						.chart-body {
							margin-bottom: 12px;
							position: relative;
							width: 100%;
						}
						.chart-footer {
							padding-top: 9px;
							margin-top: 8px;
							border-top: 1px solid #e8e8e8;
							-webkit-box-sizing: border-box;
							box-sizing: border-box;

							.field {
								display: flex;
								justify-content: flex-end;

								span {
									font-size: 14px;
									line-height: 22px;
									color: rgba(0, 0, 0, 0.45);
								}
							}
						}
					}
				}
			}
		}
	}

	.home-body {
		display: flex;
		justify-content: space-between;
		padding: 2vw;

		.home-body-fieldset {
			width: 48%;
			margin-bottom: 10px;
			padding: 10px;
			border: 1px solid #e6e6e6;
			box-sizing: border-box;

			legend {
				margin-left: 20px;
				padding: 0 5px;
				font-size: 16px;
				font-weight: 300;
			}

			.logs-ui {
				margin-left: 30px;
				margin-right: 20px;

				.logs-li {
					font-size: 14px;
					font-size: 14px;
					height: 40px;
					line-height: 40px;
					color: #333333;
					font-weight: normal;
					border-bottom: 1px solid #e6e6e6;
				}

				.logs-li:last-child {
					border-bottom-width: 0px;
				}
			}
			.el-table {
				text-align: center;
			}

			.el-table tr:last-child td {
				border-bottom: 0px solid #EBEEF5;
			}

			.el-table--border::after, .el-table--group::after, .el-table::before {
				height: 0px;
			}
		}
	}
}
